/* search */
.search {
    background-color: #ffffff;
    height: 90rpx;
    width: 710rpx;
    border-radius: 40rpx;
    margin: auto;
    /* position: relative; */
    left: 0;
    right: 0;
    top: 150rpx;
    padding: 16rpx;
    box-sizing: border-box;
    z-index: 99;
    position: fixed;
}
.search > view {
    display: inline-block;
    vertical-align: top;
}
.search-address {
    width: 150rpx;
    height: 58rpx;
    line-height: 58rpx;
    padding: 0 18rpx 0 18rpx;
    background-color: rgba(246, 246, 248, 1);
    border-radius: 15px;
}
.search-address > view {
    display: inline-block;
}
.search-addres-img {
    width: 28rpx;
    height: 28rpx;
    margin-right: 10rpx;
    font-size: 0;
}
.search-addres-img > image {
    width: 28rpx;
    height: 28rpx;
}
.search-addres-text {
    width: 84rpx;
    height: 28rpx;
    font-size: 28rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: keep-all;
    line-height: 1;
    color: #3a3943;
}
.search-input {
    width: 90%;
    height: 58rpx;
    font-size: 28rpx;
    box-sizing: border-box;
    padding-left: 10px;
}
.search-input > input {
    height: 100%;
}
.search-confirm {
    width: 58rpx;
    height: 58rpx;
    line-height: 58rpx;
    text-align: center;
}
.search-confirm > image {
    width: 28rpx;
    height: 28rpx;
}

/* banner */
.banner {
    background-color: #ffffff;
    width: 96%;
    height: 200px;
    margin: auto;
    left: 0;
    right: 0;
    padding: 0 2% 15rpx;
}
.banner .banner-swiper {
    height: 100%;
}
.banner .banner-img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
/* 促销 */
.product {
    padding: 0 30rpx;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20rpx;
}
.product-item {
    width: 334rpx;
    padding-bottom: 40rpx;
}
.product-tit {
    color: #303036;
    font-weight: 700;
    display: flex;
    align-items: center;
    font-size: 28rpx;
    margin-bottom: 15rpx;
}
.tit-img {
    width: 28rpx;
    height: 28rpx;
    margin-right: 10rpx;
}
.img-box {
    display: flex;
    justify-content: space-between;
}
.product-img {
    width: 162rpx;
    height: 200rpx;
    border-radius: 12rpx;
}

/* label */
.van-tab__title {
    font-size: 28rpx;
    font-weight: 500;
    color: #bdc1ca;
}
.van-tab--active .van-tab__title {
    font-size: 30rpx;
    font-weight: 700;
    color: #ff970c;
}

.label {
    /* height: 108rpx; */
    /* line-height: 108rpx; */
    background-color: #f6f6f8;
    /* position: fixed; */
    width: 100%;
    z-index: 1000;
}
.label-option {
    height: 100%;
    box-sizing: border-box;
}
.label-option-label {
    font-size: 30rpx;
    height: auto;
    width: 50%;
    display: inline-block;
    text-align: center;
    color: rgba(133, 131, 143, 1);
}
.label-option-label > .label-option-label-text {
    line-height: 1;
    width: fit-content;
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    z-index: 9;
}
.label-option-label-btn-action {
    color: rgba(58, 57, 67, 1);
    /* font-size: 108%; */
    font-weight: 600;
}
.label-option-label-action {
    background: rgba(255, 220, 141, 1);
    height: 50%;
    width: calc(100% + 10px);
    position: absolute;
    bottom: -3px;
    z-index: -1;
    left: -5px;
}
/* shade */
.shade {
    background-color: rgba(246, 246, 248, 1);
    width: 100%;
    height: 50px;
    position: fixed;
    top: 80px;
    z-index: 9;
}
.allList {
    padding-bottom: 20rpx;
}

/* column */
.column {
    width: 98%;
    margin: 0 1%;
    display: block;
    margin-top: 10rpx;
    background-color: #fbfbfb;
    z-index: 1000;
}

.column .column-item {
    display: inline-block;
    font-size: 26rpx;
    color: #666;
    width: 25%;
    padding: 21rpx 0;
    text-align: center;
}

.column .active {
    color: #ff970c;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 28rpx;
    font-weight: 600;
}

.cart-div {
    position: fixed;
    right: 0;
    bottom: 100rpx;
}

.cart-bg {
    width: 110rpx;
    height: 110rpx;
}

.cart-bg > image {
    width: 100%;
    height: 100%;
}
.cart-number {
    width: 40rpx;
    height: 40rpx;
    border-radius: 40rpx;
    position: relative;
    top: -10rpx;
    right: -10rpx;
    background-color: #ff6839;
    color: #ffffff;
}

.search-layer {
    background-color: #ffffff;
    border-radius: 60rpx;
    height: 90rpx;
    padding: 16rpx;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20rpx 3%;
}
.search-layer > view {
    display: inline-block;
}
.search-address {
    width: 150rpx;
    height: 58rpx;
    line-height: 58rpx;
    padding: 0 18rpx 0 18rpx;
    background-color: #ffffff;
    border-radius: 15px;
}
.search-address > view {
    display: inline-block;
}
.search-addres-img {
    width: 28rpx;
    height: 28rpx;
    margin-right: 10rpx;
    font-size: 0;
}
.search-addres-img > image {
    width: 28rpx;
    height: 28rpx;
}
.search-addres-text {
    width: 84rpx;
    height: 28rpx;
    font-size: 28rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: keep-all;
    line-height: 1;
    color: #3a3943;
}
.search-input {
    width: 90%;
    height: 58rpx;
    font-size: 28rpx;
    box-sizing: border-box;
    padding-left: 10px;
}
.search-input > input {
    height: 100%;
    display: inline-block !important;
    overflow: unset;
}
.search-confirm {
    width: 58rpx;
    height: 58rpx;
    line-height: 58rpx;
    text-align: center;
}
.search-confirm > image {
    width: 28rpx;
    height: 28rpx;
}
